@extends('common')
@section('content')
<style type="text/css">
	span{
		color: red;
	}
	p{
		margin-top: 2%;
	}
	spp{
		margin-left: 2%;
	}
</style>

<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="tabbable" id="tabs-458942">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#panel-502678" data-toggle="tab">我的评价</a>
					</li>
					<li >
						<a href="#panel-581604" data-toggle="tab">我的考核</a>
					</li>

				</ul>
				<div class="tab-content">
			<div class="tab-pane active" id="panel-502678">
						<p>
<table style="margin-left:5%;width:600px;" class="table table-bordered table-hover definewidth m10">

	<tr>
		<td>
		<img src="{{url($img)}}" width="20%"; height="20%">
		<p>总体评价：<span>{{$raise}}</span></p>
		<p>综合评分<span>{{$mean}}</span>分，共<span>{{$count}}</span>人评价</p>
		</td>
		<td>
			<p>服务态度：<span>★★★★</span>☆<span><spp>{{$serve}}</span>分</spp></p>
			<p>教学质量：<span>★★★★</span>☆<span><spp>{{$teach}}</span>分</spp></p>
			<p>行为规范：<span>★★★★</span>☆<span><spp>{{$behavior}}</span>分</spp></p>
			<p>廉洁教学：<span>★★★★</span>☆<span><spp>{{$honest}}</span>分</spp></p>
		</td>
	</tr>

</table>
<hr>
<table style="margin-left:5%;" class="table table-bordered table-hover definewidth m10">
@foreach($average as $k=>$v) 
	<tr>
		<td>
			<img src="{{url($v->use_pic)}}" width="5%"; height="5%">
			<spp>总体评价：<span>{{$v->com_appraise}}</span></spp>
			<spp>服务态度：<span>★★★★</span>☆<span>&nbsp;&nbsp;{{$v->com_service}}</span>分</spp>
			<spp>教学质量：<span>★★★★</span>☆<span><spp>{{$v->com_teach}}</span>分</spp></spp>
			<spp>行为规范：<span>★★★★</span>☆<span><spp>{{$v->com_behavior}}</span>分</spp></spp>
			<spp>廉洁教学：<span>★★★★</span>☆<span><spp>{{$v->com_clean}}</span>分</spp></spp>
          <p>{{$v->use_name}}<spp>{{$v->com_eva}}</spp></p>
		</td>
	</tr>
@endforeach
</table>


						</p>
					</div>
					<div class="tab-pane" id="panel-581604">
						<p>
							<table class="table table-bordered table-hover definewidth m10" style="background:gainsboro;">
	                           <tr>
	                           	<td>
	                           		<select name="" id="">
	                           			<option>2016年</option>
	                           		</select>
	                           		<select name="" id="">
	                           			<option>2月</option>
	                           		</select>
	                           	</td><hr>
	                           </tr>
							</table>

<script type="text/javascript" src="{{url('assets/js/jquery.jqChart.min.js')}}"></script>

	<script lang="javascript" type="text/javascript">
$(document).ready(function () {
	$('#jqChart').jqChart({
		title: { text: '预约率' },
		axes: [
			{
				location: 'left',//y轴位置，取值：left,right
				minimum: 10,//y轴刻度最小值
				maximum: 100,//y轴刻度最大值
				interval: 10//刻度间距
			}
		],
		series: [
			//数据1开始
			{
				type: 'column',//图表类型，取值：column 柱形图，line 线形图
				title:'我',//标题
				data: [ ['', <?php echo $reservation; ?>]]//数据内容，格式[[x轴标题,数值1],[x轴标题,数值2],......]
			},
			//数据1结束
			//数据2
			{
				type: 'column',
				title:'平均',

				data: [['', <?php echo $averages; ?>]]
			},
			//数据2结束
			//数据3
			{
			type: 'column',
			title:'最低',
			data: [ ['', <?php echo $min; ?>]]
			},
			//数据3结束	
			//数据4	
			{
			type: 'column',
			title:'最高',
			data: [['', <?php echo $max; ?>]]
			},
			//数据4结束			
		]
	});
	$('#jqChart2').jqChart({
		title: { text: '满意度' },
		axes: [
			{
				location: 'left',//y轴位置，取值：left,right
				minimum: 10,//y轴刻度最小值
				maximum: 100,//y轴刻度最大值
				interval: 10//刻度间距
			}
		],
		series: [
			//数据1开始
			{
				type: 'column',//图表类型，取值：column 柱形图，line 线形图
				title:'我',//标题
				data: [ ['', <?php echo $satisfied; ?>]]//数据内容，格式[[x轴标题,数值1],[x轴标题,数值2],......]
			},
			//数据1结束
			//数据2
			{
				type: 'column',
				title:'平均',

				data: [['', <?php echo $satisfy; ?>]]
			},
			//数据2结束
			//数据3
			{
			type: 'column',
			title:'最低',
			data: [ ['', <?php echo $satisficingleast; ?>]]
			},
			//数据3结束	
			//数据4	
			{
			type: 'column',
			title:'最高',
			data: [['', <?php echo $satisficing; ?>]]
			},
			//数据4结束			
		]
	});
		$('#jqChart3').jqChart({
		title: { text: '合格率' },
		axes: [
			{
				location: 'left',//y轴位置，取值：left,right
				minimum: 10,//y轴刻度最小值
				maximum: 100,//y轴刻度最大值
				interval: 10//刻度间距
			}
		],
		series: [
			//数据1开始
			{
				type: 'column',//图表类型，取值：column 柱形图，line 线形图
				title:'我',//标题
				data: [ ['', <?php echo $eligible; ?>]]//数据内容，格式[[x轴标题,数值1],[x轴标题,数值2],......]
			},
			//数据1结束
			//数据2
			{
				type: 'column',
				title:'平均',

				data: [['', <?php echo $certification; ?>]]
			},
			//数据2结束
			//数据3
			{
			type: 'column',
			title:'最低',
			data: [ ['', <?php echo $qualifiedleast; ?>]]
			},
			//数据3结束	
			//数据4	
			{
			type: 'column',
			title:'最高',
			data: [['', <?php echo $qualifiedcing; ?>]]
			},
			//数据4结束			
		]
	});
});
</script>
<style>
	
</style>
		<div>
		       <div style="width:300px;height:200px;float:left;margin-left:40px;" id="jqChart"></div>
		       <div style="width:300px;height:200px;float:left;margin-left:40px;" id="jqChart2"></div>
		       <div style="width:300px;height:200px;float:left;margin-left:40px;" id="jqChart3"></div>

							
						</p>
					
				</div>
			</div>
		</div>
	</div>
	</div>
</div>
@stop